import React from "react";

import { uniqueId } from "lodash";

const EmptyTeams = () => {
  const clipPathId = uniqueId("clip-path-");
  const filterId = uniqueId("filter-");

  return (
    <svg
      xmlns="http://www.w3.org/2000/svg"
      width="322"
      height="150"
      fill="none"
    >
      <g clipPath={`url(#${clipPathId})`}>
        <path
          fill="#F1F0FF"
          d="M162.5 150c41.421 0 75-33.579 75-75s-33.579-75-75-75-75 33.579-75 75 33.579 75 75 75Z"
        />
        <g filter={`url(#${filterId})`}>
          <path
            fill="#fff"
            d="M313 35H9a8 8 0 0 0-8 8v64a8 8 0 0 0 8 8h304a8 8 0 0 0 8-8V43a8 8 0 0 0-8-8Z"
          />
          <path
            stroke="#C5C7D1"
            d="M313 34.5H9A8.5 8.5 0 0 0 .5 43v64a8.5 8.5 0 0 0 8.5 8.5h304a8.5 8.5 0 0 0 8.5-8.5V43a8.5 8.5 0 0 0-8.5-8.5Z"
          />
        </g>
        <path
          fill="#fff"
          stroke="#C5C7D1"
          d="M21 74.5h-4a3.5 3.5 0 0 0-3.5 3.5v4a3.5 3.5 0 0 0 3.5 3.5h4a3.5 3.5 0 0 0 3.5-3.5v-4a3.5 3.5 0 0 0-3.5-3.5ZM21 94.5h-4a3.5 3.5 0 0 0-3.5 3.5v4a3.5 3.5 0 0 0 3.5 3.5h4a3.5 3.5 0 0 0 3.5-3.5v-4a3.5 3.5 0 0 0-3.5-3.5Z"
        />
        <path fill="#C5C7D1" d="M154 77H40a3 3 0 1 0 0 6h114a3 3 0 1 0 0-6Z" />
        <path
          fill="#E2E4EA"
          d="M78 97H40a3 3 0 1 0 0 6h38a3 3 0 1 0 0-6ZM142 97H88a3 3 0 1 0 0 6h54a3 3 0 1 0 0-6Z"
        />
        <path fill="#C5C7D1" d="M294 77h-52a3 3 0 1 0 0 6h52a3 3 0 1 0 0-6Z" />
        <path fill="#E2E4EA" d="M294 97h-52a3 3 0 1 0 0 6h52a3 3 0 1 0 0-6Z" />
        <path fill="#D9D9FE" d="M224 77h-52a3 3 0 1 0 0 6h52a3 3 0 1 0 0-6Z" />
        <path fill="#F1F0FF" d="M212 97h-40a3 3 0 1 0 0 6h40a3 3 0 1 0 0-6Z" />
        <path
          fill="#F9FAFC"
          stroke="#C5C7D1"
          d="M321 65.5h.5V43a8.5 8.5 0 0 0-8.5-8.5H9A8.5 8.5 0 0 0 .5 43v22.5H321Z"
        />
        <path
          fill="#fff"
          stroke="#C5C7D1"
          d="M21 44.5h-4a3.5 3.5 0 0 0-3.5 3.5v4a3.5 3.5 0 0 0 3.5 3.5h4a3.5 3.5 0 0 0 3.5-3.5v-4a3.5 3.5 0 0 0-3.5-3.5Z"
        />
        <path
          fill="#8B8FA2"
          d="M37.77 53v-7.05h.96l3.79 4.92v-4.92h1.19V53h-.95l-3.8-4.94V53h-1.19Zm8.97.1c-.353 0-.67-.067-.95-.2a1.723 1.723 0 0 1-.65-.56 1.406 1.406 0 0 1-.23-.79c0-.36.094-.643.28-.85.187-.213.49-.367.91-.46.42-.093.984-.14 1.69-.14h.35v-.21c0-.333-.073-.573-.22-.72-.146-.147-.393-.22-.74-.22-.273 0-.553.043-.84.13-.286.08-.576.207-.87.38l-.36-.85c.174-.12.377-.223.61-.31.24-.093.49-.163.75-.21.267-.053.517-.08.75-.08.714 0 1.244.167 1.59.5.347.327.52.837.52 1.53V53h-1.17v-.78a1.39 1.39 0 0 1-.54.65c-.246.153-.54.23-.88.23Zm.26-.86c.327 0 .597-.113.81-.34.22-.227.33-.513.33-.86v-.22h-.34c-.626 0-1.063.05-1.31.15a.516.516 0 0 0-.36.52c0 .22.077.4.23.54.154.14.367.21.64.21Zm3.62.76v-4.89h1.22v.75c.14-.26.352-.475.61-.62.26-.153.56-.23.9-.23.733 0 1.213.32 1.44.96.153-.3.373-.533.66-.7.286-.173.613-.26.98-.26 1.1 0 1.65.67 1.65 2.01V53h-1.25v-2.93c0-.373-.064-.647-.19-.82-.12-.173-.327-.26-.62-.26-.327 0-.584.117-.77.35-.187.227-.28.543-.28.95V53h-1.25v-2.93c0-.373-.064-.647-.19-.82-.12-.173-.324-.26-.61-.26-.327 0-.584.117-.77.35-.187.227-.28.543-.28.95V53h-1.25Zm11.159.1c-.554 0-1.03-.103-1.43-.31-.4-.207-.71-.5-.93-.88-.214-.38-.32-.83-.32-1.35 0-.507.103-.95.31-1.33.213-.38.503-.677.87-.89.373-.22.796-.33 1.27-.33.693 0 1.24.22 1.64.66.406.44.61 1.04.61 1.8v.37h-3.5c.093.873.593 1.31 1.5 1.31.273 0 .546-.04.82-.12.272-.086.527-.222.75-.4l.35.84c-.261.208-.56.364-.88.46-.354.113-.707.17-1.06.17Zm-.18-4.24c-.367 0-.664.113-.89.34-.227.227-.364.533-.41.92h2.46c-.027-.407-.14-.717-.34-.93-.194-.22-.467-.33-.82-.33ZM169.77 53v-7.05h1.28v2.94h3.63v-2.94h1.28V53h-1.28v-3.04h-3.63V53h-1.28Zm9.844.1c-.506 0-.946-.103-1.32-.31a2.176 2.176 0 0 1-.87-.88c-.206-.387-.31-.84-.31-1.36 0-.52.104-.97.31-1.35.207-.38.497-.673.87-.88.374-.207.814-.31 1.32-.31.507 0 .947.103 1.32.31.374.207.664.5.87.88.207.38.31.83.31 1.35 0 .52-.103.973-.31 1.36-.198.372-.5.678-.87.88-.373.207-.813.31-1.32.31Zm0-.95c.374 0 .674-.133.9-.4.227-.273.34-.673.34-1.2 0-.533-.113-.93-.34-1.19-.226-.267-.526-.4-.9-.4-.373 0-.673.133-.9.4-.226.26-.34.657-.34 1.19 0 .527.114.927.34 1.2.227.267.527.4.9.4Zm5.322.95c-.413 0-.8-.05-1.16-.15-.36-.1-.66-.243-.9-.43l.32-.82c.247.167.523.297.83.39.307.087.613.13.92.13.32 0 .557-.053.71-.16.16-.113.24-.26.24-.44 0-.28-.207-.46-.62-.54l-1-.19c-.847-.16-1.27-.6-1.27-1.32 0-.32.087-.597.26-.83a1.73 1.73 0 0 1 .74-.54c.313-.127.673-.19 1.08-.19.347 0 .68.05 1 .15.32.093.593.237.82.43l-.34.82a2.192 2.192 0 0 0-.7-.38 2.327 2.327 0 0 0-.77-.14c-.327 0-.57.057-.73.17a.539.539 0 0 0-.23.45c0 .293.19.473.57.54l1 .19c.433.08.76.227.98.44.227.213.34.5.34.86 0 .487-.19.87-.57 1.15-.38.273-.887.41-1.52.41Zm5.284 0c-1.293 0-1.94-.64-1.94-1.92v-2.13h-.94v-.94h.94v-1.46h1.25v1.46h1.48v.94h-1.48v2.06c0 .32.07.56.21.72.14.16.367.24.68.24.093 0 .19-.01.29-.03.1-.027.203-.053.31-.08l.19.92c-.12.067-.273.12-.46.16-.18.04-.357.06-.53.06Zm3.388 0c-.413 0-.8-.05-1.16-.15-.36-.1-.66-.243-.9-.43l.32-.82c.247.167.523.297.83.39.307.087.613.13.92.13.32 0 .557-.053.71-.16.16-.113.24-.26.24-.44 0-.28-.207-.46-.62-.54l-1-.19c-.847-.16-1.27-.6-1.27-1.32 0-.32.087-.597.26-.83a1.73 1.73 0 0 1 .74-.54c.313-.127.673-.19 1.08-.19.347 0 .68.05 1 .15.32.093.593.237.82.43l-.34.82a2.192 2.192 0 0 0-.7-.38 2.327 2.327 0 0 0-.77-.14c-.327 0-.57.057-.73.17a.539.539 0 0 0-.23.45c0 .293.19.473.57.54l1 .19c.433.08.76.227.98.44.227.213.34.5.34.86 0 .487-.19.87-.57 1.15-.38.273-.887.41-1.52.41Zm46.182-.1v-7.05h1.07l2.5 4.61 2.49-4.61h1.05V53h-1.16v-4.75l-2.02 3.68h-.75l-2.02-3.66V53h-1.16Zm10.952.1c-.554 0-1.03-.103-1.43-.31-.4-.207-.71-.5-.93-.88-.214-.38-.32-.83-.32-1.35 0-.507.103-.95.31-1.33.204-.37.504-.678.87-.89.373-.22.796-.33 1.27-.33.693 0 1.24.22 1.64.66.406.44.61 1.04.61 1.8v.37h-3.5c.093.873.593 1.31 1.5 1.31.273 0 .546-.04.82-.12.273-.087.523-.22.75-.4l.35.84a2.62 2.62 0 0 1-.88.46c-.342.111-.7.169-1.06.17Zm-.18-4.24c-.367 0-.664.113-.89.34-.227.227-.364.533-.41.92h2.46c-.027-.407-.14-.717-.34-.93-.194-.22-.467-.33-.82-.33Zm3.21 4.14v-4.89h1.22v.75c.146-.267.35-.473.61-.62.26-.153.56-.23.9-.23.733 0 1.213.32 1.44.96.153-.3.373-.533.66-.7.286-.173.613-.26.98-.26 1.1 0 1.65.67 1.65 2.01V53h-1.25v-2.93c0-.373-.064-.647-.19-.82-.12-.173-.327-.26-.62-.26-.327 0-.584.117-.77.35-.187.227-.28.543-.28.95V53h-1.25v-2.93c0-.373-.064-.647-.19-.82-.12-.173-.324-.26-.61-.26-.327 0-.584.117-.77.35-.187.227-.28.543-.28.95V53h-1.25Zm11.569.1c-.36 0-.683-.08-.97-.24-.28-.16-.49-.377-.63-.65V53h-1.22v-7.05h1.25v2.88c.152-.251.37-.455.63-.59.28-.153.593-.23.94-.23.433 0 .81.103 1.13.31.32.207.57.5.75.88.18.373.27.823.27 1.35 0 .52-.09.973-.27 1.36a2.05 2.05 0 0 1-.76.88c-.32.207-.693.31-1.12.31Zm-.35-.95c.373 0 .673-.133.9-.4.227-.273.34-.673.34-1.2 0-.533-.113-.93-.34-1.19-.227-.267-.527-.4-.9-.4s-.673.133-.9.4c-.227.26-.34.657-.34 1.19 0 .527.113.927.34 1.2.227.267.527.4.9.4Zm5.936.95c-.553 0-1.03-.103-1.43-.31-.4-.207-.71-.5-.93-.88-.213-.38-.32-.83-.32-1.35 0-.507.104-.95.31-1.33.214-.38.504-.677.87-.89.374-.22.797-.33 1.27-.33.694 0 1.24.22 1.64.66.407.44.61 1.04.61 1.8v.37h-3.5c.094.873.594 1.31 1.5 1.31.274 0 .547-.04.82-.12.274-.087.524-.22.75-.4l.35.84c-.261.208-.56.364-.88.46a3.45 3.45 0 0 1-1.06.17Zm-.18-4.24c-.366 0-.663.113-.89.34-.226.227-.363.533-.41.92h2.46c-.026-.407-.14-.717-.34-.93-.193-.22-.466-.33-.82-.33Zm3.19 4.14v-4.89h1.22v.86c.24-.58.753-.9 1.54-.96l.38-.03.08 1.06-.72.07c-.82.08-1.23.5-1.23 1.26V53h-1.27Zm5.657.1c-.413 0-.8-.05-1.16-.15-.36-.1-.66-.243-.9-.43l.32-.82a3.08 3.08 0 0 0 1.75.52c.32 0 .557-.053.71-.16.16-.113.24-.26.24-.44 0-.28-.206-.46-.62-.54l-1-.19c-.846-.16-1.27-.6-1.27-1.32 0-.32.087-.597.26-.83a1.73 1.73 0 0 1 .74-.54c.314-.127.674-.19 1.08-.19.347 0 .68.05 1 .15.32.093.594.237.82.43l-.34.82a2.184 2.184 0 0 0-.7-.38 2.325 2.325 0 0 0-.77-.14c-.326 0-.57.057-.73.17a.539.539 0 0 0-.23.45c0 .293.19.473.57.54l1 .19c.434.08.76.227.98.44.227.213.34.5.34.86 0 .487-.19.87-.57 1.15-.38.273-.886.41-1.52.41Z"
        />
      </g>
      <defs>
        <clipPath id={clipPathId}>
          <path fill="#fff" d="M0 0h322v150H0z" />
        </clipPath>
        <filter
          id={filterId}
          width={328}
          height={92}
          x={-3}
          y={34}
          colorInterpolationFilters="sRGB"
          filterUnits="userSpaceOnUse"
        >
          <feFlood floodOpacity={0} result="BackgroundImageFix" />
          <feColorMatrix
            in="SourceAlpha"
            result="hardAlpha"
            values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"
          />
          <feOffset dy={7} />
          <feGaussianBlur stdDeviation={1.5} />
          <feColorMatrix values="0 0 0 0 0.0980392 0 0 0 0 0.129412 0 0 0 0 0.278431 0 0 0 0.1 0" />
          <feBlend
            in2="BackgroundImageFix"
            result="effect1_dropShadow_163_1859"
          />
          <feBlend
            in="SourceGraphic"
            in2="effect1_dropShadow_163_1859"
            result="shape"
          />
        </filter>
      </defs>
    </svg>
  );
};

export default EmptyTeams;
